<template>
<div class="body_box">
  <div class="loginBox">
    <h1>{{globalTitle}}</h1>
    <div class="item">
      <div class="icon"><img src="./images/icon1.png" /></div>
      <div class="txt">
        <input v-model="form.username" type="text" placeholder="请输入您的用户名" />
      </div>
    </div>
    <div class="item">
      <div class="icon"><img src="./images/icon2.png" /></div>
      <div class="txt">
        <input v-model="form.password" type="password" placeholder="请输入您的密码" />
      </div>
    </div>

    <div class="item_3">
      <button class="btn" @click="handleLogin">安全登录</button>
    </div>
    <div class="item_4">
      还没有账号？<el-button type="text" @click="toRegister">立即注册</el-button>
    </div>
  </div>
</div>
</template>

<script setup lang="ts">
import { useLoginFunctions } from '/@/components/hzsystem/LoginPublicFuncation';

const { form, globalTitle, handleLogin, toRegister } = useLoginFunctions();
</script>

<style scoped lang="css">
@import './css/style.css';
</style>